import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class Toast {
  static OverlayEntry _overlayEntry; //toast靠它加到屏幕上
  static bool _showing = false;      //toast是否正在showing
  static DateTime _startedTime;      //开启一个新toast的当前时间，用于对比是否已经展示了足够时间
  static String _msg;                //提示内容
  static int _showTime;              //显示时长
  static Color _bgColor;             //背景颜色
  static Color _textColor;           //文本颜色
  static double _textSize;           //文字大小
  static String _toastPosition;      //显示位置
  static double _pdHorizontal;       //水平边距
  static double _pdVertical;         //垂直边距
  static void toast(
    BuildContext context, {
    @required String msg,
    int showTime = 2000,
    Color bgColor = Colors.black,
    Color textColor = Colors.white,
    double textSize = 14.0,
    String position = 'bottom',
    double pdHorizontal = 20.0,
    double pdVertical = 10.0,
  }) async {
    assert(msg != null);
    _msg = msg;
    _startedTime = DateTime.now();
    _showTime = showTime;
    _bgColor = bgColor;
    _textColor = textColor;
    _textSize = textSize;
    _toastPosition = position;
    _pdHorizontal = pdHorizontal;
    _pdVertical = pdVertical;
    //获取OverlayState
    OverlayState overlayState = Overlay.of(context);
    _showing = true;
    if (_overlayEntry == null) {
      _overlayEntry = OverlayEntry(
          builder: (BuildContext context) => Positioned(
                //top值，可以改变这个值来改变toast在屏幕中的位置
                top: _calToastPosition(context),
                child: Container(
                    alignment: Alignment.center,
                    width: MediaQuery.of(context).size.width,
                    child: Padding(
                      // EdgeInsets提供的便捷方法：
                      // fromLTRB(double left, double top, double right, double bottom)：分别指定四个方向的填充。
                      // all(double value) : 所有方向均使用相同数值的填充。
                      // only({left, top, right ,bottom })：可以设置具体某个方向的填充(可以同时指定多个方向)。
                      // symmetric({ vertical, horizontal })：用于设置对称方向的填充，
                      //                                      vertical指top和bottom，
                      //                                      horizontal指left和right
                      padding: EdgeInsets.symmetric(horizontal: 40.0),
                      child: AnimatedOpacity(
                        opacity: _showing ? 1.0 : 0.0, //目标透明度
                        duration: _showing
                            ? Duration(milliseconds: 100)
                            : Duration(milliseconds: 400),
                        child: _buildToastWidget(),
                      ),
                    )),
              ));
      overlayState.insert(_overlayEntry);
    } else {
      //重新绘制UI，类似setState
      _overlayEntry.markNeedsBuild();
    }
    await Future.delayed(Duration(milliseconds: _showTime)); // 等待时间

    //2秒后 到底消失不消失
    if (DateTime.now().difference(_startedTime).inMilliseconds >= _showTime) {
      _showing = false;
      _overlayEntry.markNeedsBuild();
      await Future.delayed(Duration(milliseconds: 400));
      _overlayEntry.remove();
      _overlayEntry = null;
    }
  }

  //toast绘制
  static _buildToastWidget() {
    return Center(
      child: Card(
        color: _bgColor,
        child: Padding(
          padding: EdgeInsets.symmetric(
              horizontal: _pdHorizontal, vertical: _pdVertical),
          child: Text(
            _msg,
            style: TextStyle(
              fontSize: _textSize,
              color: _textColor,
            ),
          ),
        ),
      ),
    );
  }

  // 设置toast位置
  // MediaQuery.of(context).size.width  获取屏幕宽度
  // MediaQuery.of(context).size.height 获取屏幕高度
  // MediaQuery.of(context).padding.top 获取系统状态栏高度
  static _calToastPosition(context) {
    double backResult;
    double primaryHeight = MediaQuery.of(context).padding.top;
    double screenHeight = MediaQuery.of(context).size.height;
    double bodyHeight = screenHeight - primaryHeight;
    switch (_toastPosition) {
      case 'top':
        backResult = bodyHeight * 1 / 4;
        break;
      case 'center':
        backResult = bodyHeight * 1 / 2;
        break;
      case 'bottom':
        backResult = bodyHeight * 4 / 5;
        break;
      default:
        backResult = bodyHeight * 4 / 5;
        break;
    }
    return backResult;
  }

}
